/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.body_bg{
    background-image:url(images/bg_pixel_01.jpg); background-repeat:repeat-x; background-position:top;
}

.liveGrid{ 
        background-image: url('images/solarflow.jpg'); 
}

.offGrid{ 
        background-image: url('images/Off_Grid.jpg'); 
        background-repeat:no-repeat; background-position:center; BACKGROUND-COLOR: #ececec;
        background-size:100% auto;
        background-height:100% auto;
}
.offGrid_WithoutUtility{ 
        background-image: url('images/Off_Grid_without_utility.jpg'); 
        background-repeat:no-repeat; background-position:center; BACKGROUND-COLOR: #ececec;
        background-size:100% auto;
        background-height:100% auto;
}

.offGrid_WithDG{ 
        background-image: url('images/Off_Grid_with_dg.jpg'); 
        background-repeat:no-repeat; background-position:center; BACKGROUND-COLOR: #ececec;
        background-size:100% auto;
        background-height:100% auto;
}
.onGrid_ToUtility{ 
        background-image: url('images/On_Grid_to_Utility.jpg');
        background-repeat:no-repeat; background-position:center; BACKGROUND-COLOR: #ececec;
        background-size:100% auto;
        background-height:100% auto; 
}

.onGrid_FromUtility{ 
        background-image: url('images/On_Grid_from_Utility.jpg');
        background-repeat:no-repeat; background-position:center; BACKGROUND-COLOR: #ececec;
        background-size:100% auto;
        background-height:100% auto; 
}

.demo-MenuBar
{
    border                      :   1px solid #666;
    margin                      :   0 auto;
    background-color            :   #eee;
    font-size                   :   70%;
    padding                     :   3px;
}
.demo-MenuBar table
{
    border-collapse             :   separate;
    border                      :   1px solid #00f;
    background-color            :   #ddd;
}
.demo-MenuBar .gwt-MenuItem
{

    cursor                      :   hand;
    cursor                      :   pointer;

    border                      :   1px solid #999;
    background-color            :   #eee;
    padding                     :   2px 10px;
}
.demo-MenuBar .gwt-MenuItem-selected
{
     background: #E3E8F3;
}

.myDatePicker {
   border: 1px solid #ccc;
   border-top:1px solid #999;
   cursor: default;
}
.myDatePicker td,
.datePickerMonthSelector td:focus {
   outline: none;
}
.myDatePicker .datePickerMonthSelector td:focus {
   outline: none;
}
.myDatePicker .datePickerDays {
   width: 100%;
   background: #D9E8EB;
}
.myDatePicker .datePickerDay
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
   font-size: 100%;
   text-align: center;
   padding: 4px;
   outline: none;
   font-weight:bold;
   color:#333;
   border-right: 1px solid #EDEDED;
   border-bottom: 1px solid #EDEDED;
}
.myDatePicker .datePickerWeekdayLabel,
.datePickerWeekendLabel {
   background: #37759A;
   padding: 0px 4px 2px;
   cursor: default;
   color:#FFFFFF;
   font-size:100%;
   font-weight:normal;
}
.myDatePicker .datePickerWeekendLabel{
   background: #FFFFFF;
   padding: 0px 4px 2px;
   cursor: default;
   color:#2e5e79;
   font-size:100%;
   font-weight:normal;
} 

.myDatePicker .datePickerDay {
   padding: 4px 7px;
   cursor: hand;
   cursor: pointer;
}
.myDatePicker .datePickerDayIsWeekend {
   background: #B7E4FD;
}
.myDatePicker .datePickerDayIsFiller {
   color: #999;
   font-weight:normal;
}
.myDatePicker .datePickerDayIsValue {
   background: #d7dfe8;
}
.myDatePicker .datePickerDayIsDisabled {S
   color: #AAAAAA;
   font-style: italic;
}
.myDatePicker .datePickerDayIsHighlighted {
   background: #9bc1e7;
}
.myDatePicker .datePickerDayIsValueAndHighlighted {
   background: #c6d5e6;
}
.myDatePicker .datePickerDayIsToday {
   padding: 3px;
   color: #00f;
   background: url(images/hborder.png) repeat-x 0px -2607px;
}
.myDatePicker .datePickerMonthSelector {
   width: 100%;
   padding: 1px 0 5px 0;
   background: #0C3352;
}
.myDatePicker .datePickerPreviousButton,
.datePickerNextButton {
   font-size: 150%;
   line-height: 1em;
   color: #37759A;
   cursor: hand;
   cursor: pointer;
   font-weight: bold;
   padding: 0px 4px;
   outline: none;
}
.myDatePicker td.datePickerMonth {
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
   font-size: 120%;
   font-weight: bold;
   color: #C0D2DE;
}
.gwt-DateBox {
   padding: 5px 4px;
   border: 1px solid #ccc;
   border-top: 1px solid #999;
   font-size: 120%;
}
.gwt-DateBox input {
   width: 8em;
}
.dateBoxFormatError {
   background: #72c6f5;
}
.dateBoxPopup {
}


@def selectionBorderWidth 2px;
.myCellTableWidget {
  
}

.myCellTableFirstColumn {
  
}

.myCellTableLastColumn {
  
}

.myCellTableFooter {
  border-top: 2px solid #6f7277;
  padding: 3px 15px;
  text-align: left;
  color: #4b4a4a;
  text-shadow: #ddf 1px 1px 0;
  overflow: hidden;
}

.myCellTableHeader {
  border-bottom: 2px solid #6f7277;
  padding: 3px 15px;
  text-align: left;
  color: #4b4a4a;
  text-shadow: #ddf 1px 1px 0;
  overflow: hidden;
}

.myCellTableCell {
  padding: 2px 15px;
  overflow: hidden;
}

.myCellTableFirstColumnFooter {
  
}

.myCellTableFirstColumnHeader {
  
}

.myCellTableLastColumnFooter {
  
}

.myCellTableLastColumnHeader {
  
}

.myCellTableSortableHeader {
  cursor: pointer;
  cursor: hand;
}

.myCellTableSortableHeader:hover {
  color: #6c6b6b;
}

.myCellTableSortedHeaderAscending {

}

.myCellTableSortedHeaderDescending {

}

.myCellTableEvenRow {
  background: #ffffff;
}

.myCellTableEvenRowCell {
  border: selectionBorderWidth solid #ffffff;
}

.myCellTableOddRow {
  background: #f3f7fb;
}

.myCellTableOddRowCell {
  border: selectionBorderWidth solid #f3f7fb;
}

.myCellTableHoveredRow {
  background: #eee;
}

.myCellTableHoveredRowCell {
  border: selectionBorderWidth solid #eee;
}

.myCellTableKeyboardSelectedRow {
  background: #ffc;
}

.myCellTableKeyboardSelectedRowCell {
  border: selectionBorderWidth solid #ffc;
}

.myCellTableSelectedRow {
  background: #628cd5;
  color: white;
  height: auto;
  overflow: auto;
}

.myCellTableSelectedRowCell {
  border: selectionBorderWidth solid #628cd5;
}

/**
 * The keyboard selected cell is visible over selection.
 */
.myCellTableKeyboardSelectedCell {
  border: selectionBorderWidth solid #d7dde8;
}

.remon-MenuBar
{
    border                      :   1px solid #666;
    margin                      :   0 auto;
    background-color            :   #eee;
    font-size                   :   70%;
    padding                     :   3px;
}
.remon-MenuBar table
{
    border-collapse             :   separate;
    border                      :   1px solid #00f;
    background-color            :   #ddd;
}
.remon-MenuBar .gwt-MenuItem
{

    cursor                      :   hand;
    cursor                      :   pointer;

    border                      :   1px solid #999;
    background-color            :   #eee;
    padding                     :   2px 10px;
}
.remon-MenuBar .gwt-MenuItem-selected
{
    background-color            :   #fff;
}


